<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>a good place to be :: HAPPY DINO ::</title>
<script type="text/javascript">
	
	function requireFieldValidation(field, message)
	{
		var myElement = document.getElementById(field);
		
		if(myElement.value.length < 1)
		{
			alert(message);
			myElement.focus();
			myElement.select();
			return false;
		}
		return true;
	}
	
	function validateInput()
	{
		res = false;
		
		res = requireFieldValidation('childAge','Please input the age of your child');
		if(!res)
			return false;
			
		res = requireFieldValidation('childBirthday', 'Please input the age of your child');
		if(!res)
			return false;
		
		res = requireFieldValidation('parentName', 'Please input the age of your child');
		if(!res)
			return false;
		
		
		res = requireFieldValidation('parentEmail', 'Please input your emailaddress');
		if(!res)
			return false;
		
		
		
		alert("The result is: " + res + " this app will return null until we get a database");
		return false;
	}
</script>


<style type="text/css">
<!--
body {
	background-image: url(images/background.color.gif);
}

.menu {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #CCFFCC;
	font-size: 9px;
	text-align:right;
	width: 200px;
}

.menu#hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #CCFFCC;
	text-decoration: underline;
	font-size: 9px;
	text-align:right;
	width: 200px;
}

.footer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	text-align:center;
	width:100%;
}

.blockForm
{
	background-color:#F0F7F0;
	border-style:dotted;
	border-width:thin
}

.blockFormTitle
{
	background-color:#4A8C4A;
	color: #F0F7F0;
	font-weight: bold;
}

-->
</style></head>
<body bgcolor="#343434" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
	<tr>
      <!-- Left space -->
   	  <td>&nbsp;</td>
      <!-- Body start -->
      <td width="801">
      <table border="0" cellpadding="0" cellspacing="0">
      	<!-- top menu, standard for all pages -->
        <tr>
        	<td width="801" height="191" background="images/main.header.preview.jpg" valign="top">
            <table width="100%" cellpadding="0" cellspacing="0">
            	<tr>
                	<td height="90">&nbsp;</td>
                </tr>
                <tr>
                	<td>
                    <!-- search container -->
                    <table width="100%">
                    	<tr>
                        	<td width="573">&nbsp;</td>
                            <td width="144" align="right"><input type="text" value="criteria..." /></td>
                            <td align="right" width="66"><input type="button" value="search..." /></td>
                        </tr>
                    </table>
                    </td>
                </tr>
                <tr>
                	<td height="30"></td>
                </tr>
                <tr>
                	<!-- menu container -->
                	<td>
                        <table width="100%" cellpadding="2" cellpadding="2" border="0">
                            <tr>
                            	<td width="150" class="menu" ></td>
                                <td width="50" class="menu">Menu :</td>
                                <td class="menu"><a href="1.frontpage.html" target="_self">News</a></td>
                                <td class="menu"><a href="2.frontpage.html" target="_self">About</a></td>
                                <td class="menu"><a href="3.frontpage.html" target="_self">Community</a></td>
                                <td class="menu"><a href="4.frontpage.html" target="_self">eDino</a></td>
                                <td class="menu"><a href="5.frontpage.html" target="_self">Links and fun</a></td>
                                <td class="menu"><a href="6.frontpage.html" target="_self">Support</a></td>
                             </tr>
                        </table>
                    </td>
                </tr>
            </table>               
            </td>
        </tr>
        <tr bgcolor="white">
        	<td>
                <table border="0">
                	<tr>
                    	<td width="7" height="7"></td>
                        <td></td>
                        <td width="7" height="7"></td>
                    </tr>
                    <tr>
                    	<td></td>
                        <td>    
                        <!-- content container begins -->
                        <font face="Segoe UI" size="-1">
                        
                        From this community page, you will be able to see discussion based on database connectivity later on. 
                        <br/>
                        For now we focus on gathering data, with our community form. Please tryout this form, including form validation.<br/><br/>
                        <center><em>
                        <form name="communityForm" id="communityForm" onSubmit=" return validateInput()">
                        <table class="blockForm" cellspacing="2" cellpadding="2">
                        	<tr>
                            	<td colspan="2" class="blockFormTitle">Register to community</td>
                            </tr>
                            <tr>
                            	<td>your child name: </td>
                                <td><input type="text" name="childAge" id="childAge"/></td>
                            </tr>
                        	<tr>
                            	<td>your child birthday: </td>
                                <td><input type="text" name="childBirthday" id="childBirthday" /></td>
                            <tr>
                            	<td>your name: </td>
                                <td><input type="text" name="parentName" id="parentName" /></td>
                            </tr>
                            <tr>
                            	<td>your emailaddress: </td>
                                <td><input type="text" name="parentEmail" id="parentEmail" /></td>
                            </tr>
                            <tr>
                            	<td>interests: </td>
                                <td><table width="200">
                                  <tr>
                                    <td><label>
                                      <input type="checkbox" name="cgInterests" value="checkbox" id="cgInterests_0">
                                      Ninja Turtles</label></td>
                                  </tr>
                                  <tr>
                                    <td><label>
                                      <input type="checkbox" name="cgInterests" value="checkbox" id="cgInterests_1">
                                      Lego</label></td>
                                  </tr>
                                  <tr>
                                    <td><label>
                                      <input type="checkbox" name="cgInterests" value="checkbox" id="cgInterests_2">
                                      Bratz</label></td>
                                  </tr>
                                  <tr>
                                    <td><label>
                                      <input type="checkbox" name="cgInterests" value="checkbox" id="cgInterests_3">
                                      Nintendo</label></td>
                                  </tr>
                                  <tr>
                                    <td><label>
                                      <input type="checkbox" name="cgInterests" value="checkbox" id="cgInterests_4">
                                      Sony Playstation</label></td>
                                  </tr>
                                  <tr>
                                  	<td><label>Other<input type="text" name="cgInterests" id="cgInterersts_5"></label></td>
                                </table>
                          	<tr>
                            	<td></td>
                                <td><input type="submit" value="register">&nbsp;&nbsp;<input type="reset" value="clear"></td>
                        </table>
                        </form>
                        </em></center>
                        <!-- content container ends -->
                        </td>
                    </tr>
                    <!-- content footer -->
                    <tr>
                    	<td></td>
                        <td class="footer">
                        	- this content is property of HappyDino.com -
                        </td>
                        <td></td>
                    </tr>
                </table>
                </td>
        </tr>
        </table>
      </td>
      <!-- Body end -->
      <!-- right space -->
   	  <td>&nbsp;</td>
	</tr>
</table>
</body>
</html>
